* {
    padding: 0;
    margin: 0;
    max-height: 100000px;
}
body {
    height: 100vh;
    background-color: #17182c;
}
.activity {
    position: relative;
    width: 100%;
    font-size: 0;
}
.img-bg {
    width: 100%;
	height: 100%;
}
.activity-bg {
    width: 100%;
    display: block;
}
.activity-rule-btn {
    position: absolute;
    right: 0;
    top: 0.6667rem;
    width: 2.2533rem;
    height: 0.72rem;
    background: url('../images/activity-rule.png') no-repeat center;
    background-size: 100% auto;
    border: none;
	z-index: 99;
}
.activity-rule-btn:active {
    opacity: 0.9;
    transform: scale(0.95,0.95);
    -ms-transform: scale(0.95,0.95);
    -webkit-transform: scale(0.95,0.95);
    -o-transform: scale(0.95,0.95);
    -moz-transform: scale(0.95,0.95);
}
.beginning-btn {
    position: absolute;
    top: 11.2rem;
    left: 50%;
    transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    -webkit-transform: translate(-50%,0);
    -o-transform: translate(-50%,0);
    -moz-transform: translate(-50%,0);
    width: 7.2rem;
    height: 1.2rem;
    background: url('../images/beginning-btn.png') no-repeat center;
    background-size: 100% auto;
    border: none;
}
.beginning-btn:active {
    opacity: 0.9;
    transform: translate(-50%,0) scale(0.95,0.95);
    -ms-transform: translate(-50%,0) scale(0.95,0.95);
    -webkit-transform: translate(-50%,0) scale(0.95,0.95);
    -o-transform: translate(-50%,0) scale(0.95,0.95);
    -moz-transform: translate(-50%,0) scale(0.95,0.95);
}
.activity-rule-btn:hover,
.beginning-btn:hover {
    outline: none;
}
.qna-experience {
    position: absolute;
    left: 50%;
    top: 13.3333rem;
    transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    -webkit-transform: translate(-50%,0);
    -o-transform: translate(-50%,0);
    -moz-transform: translate(-50%,0);
    color: #fff;
    font-size: 15px;
    border: none;
    border-bottom: 1px solid #fff;
    background-color: transparent;
}
.qna-experience:hover {
    outline: none;
}
.qna-experience:active {
    opacity: 0.9;
    transform: translate(-50%,0) scale(0.95,0.95);
    -ms-transform: translate(-50%,0) scale(0.95,0.95);
    -webkit-transform: translate(-50%,0) scale(0.95,0.95);
    -o-transform: translate(-50%,0) scale(0.95,0.95);
    -moz-transform: translate(-50%,0) scale(0.95,0.95);
}
[data-dpr="2"] .qna-experience {
    font-size: 30px;
}
[data-dpr="3"] .qna-experience {
    font-size: 45px;
}